import React from "react";
const Login = React.lazy(() => import("../pages/login/index"));
const City = React.lazy(() => import("../pages/city/index"));
const Detail = React.lazy(() => import("../pages/detail/index"));
const Home = React.lazy(() => import("../pages/home/index"));
const MainLayout = React.lazy(() => import("../pages/mainLayout/index"));
const My = React.lazy(() => import("../pages/my/index"));

export const routes = [
  {
    path: "/",
    element: <MainLayout></MainLayout>,
    children: [
      {
        path: "/",
        element: <Home></Home>,
      },
      {
        path: "/my",
        element: <My></My>,
      },
    ],
  },
  {
    path: '/login',
    element: <Login></Login>
  },
  {
    path: '/detail',
    element: <Detail></Detail>
  },
  {
    path: '/city',
    element: <City></City>
  }
];
